<template>
    <svg width="126" height="30" viewBox="0 0 126 30" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
            d="M110.77 29.1217H106.231V8.23087H110.392V12.14H110.56C111.527 9.91222 113.755 7.81053 117.832 7.81053C123.254 7.81053 125.692 11.2573 125.692 16.0071V29.1217H121.153V17.0159C121.153 13.2749 119.976 11.7197 116.151 11.7197C112.452 11.7197 110.77 13.1488 110.77 17.058V29.1217Z"
            :fill="fillColor"
        />
        <path
            d="M92.5808 29.542C86.1496 29.542 82.1564 25.1705 82.1564 18.6553C82.1564 12.182 86.1496 7.81053 92.5808 7.81053C98.9699 7.81053 102.837 12.182 102.837 18.6553C102.837 25.1705 98.9699 29.542 92.5808 29.542ZM92.5808 25.5068C96.9523 25.5068 98.4655 23.363 98.4655 18.6553C98.4655 13.9895 96.9523 11.8458 92.5808 11.8458C88.1672 11.8458 86.612 13.9895 86.612 18.6553C86.612 23.363 88.1672 25.5068 92.5808 25.5068Z"
            :fill="fillColor"
        />
        <path d="M78.7113 29.1217H74.1716V0.95903L78.7113 0.95903V29.1217Z" :fill="fillColor" />
        <path
            d="M57.8451 29.542C54.1041 29.542 51.2038 27.6085 51.2038 23.9515C51.2038 20.5047 53.7258 18.6973 58.1814 18.0668L65.4953 16.9739V15.839C65.4953 12.7285 64.0661 11.8037 60.7875 11.8037C57.4668 11.8037 56.1638 12.8546 56.1638 15.6288V16.2593H51.7922V15.839C51.7922 11.1732 55.4492 7.81053 61.0397 7.81053C66.8824 7.81053 69.8247 11.3414 69.8247 16.4275V29.1217H65.6214V25.843H65.4112C64.1922 27.8186 61.7963 29.542 57.8451 29.542ZM55.6173 23.6152C55.6173 25.2546 56.6682 25.9271 59.3163 25.9271C62.2587 25.9271 65.4953 24.7502 65.4953 20.5468V20.1685L58.8539 21.1773C56.458 21.5136 55.6173 22.06 55.6173 23.6152Z"
            :fill="fillColor"
        />
        <path d="M42.2732 29.1217L36.5566 29.1217L28.1919 8.23087H33.236L39.3309 24.7922H39.6251L45.762 8.23087H50.68L42.2732 29.1217Z" :fill="fillColor" />
        <path
            d="M5.44209 29.1217H0.692274L11.6631 0.95903L18.1783 0.95903L29.1492 29.1217H24.2312L21.3729 21.8078L8.30039 21.8078L5.44209 29.1217ZM12.84 10.2905L9.89768 17.7305L19.7756 17.7305L16.8333 10.2905L15.0258 5.07834H14.6895L12.84 10.2905Z"
            :fill="fillColor"
        />
    </svg>
</template>

<script>
export default {
    computed: {
        fillColor() {
            return this.$appState.darkTheme ? 'var(--p-surface-900)' : 'var(--p-surface-0)';
        }
    }
};
</script>
